<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户名密码错误</title>
    <link rel="stylesheet" href="CSS/error.css">
    <link rel="stylesheet" href="layui-v2.8.0/layui/css/layui.css">
    <style>
        .layui-row {
            height: 50px;
            background-color: rgba(255, 255, 255, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .nav img {
            width: 35px;
            height: 35px;
            margin-left: 10px;
            margin-right: 5px;
            /*设置圆角矩形 让头像变圆*/
            border-radius: 50%;

        }

    </style>
</head>
<body>
<!--导航栏-->
<div class="nav">

    <div class="layui-row">
        <div class="layui-col-md7">
            <div class="grid-demo grid-demo-bg1">
                <div>
                    <img src="images/logo.png" alt="">
                    <span>博客系统</span>
                </div>
            </div>
        </div>
        <div class="layui-col-md1">
            <div class="grid-demo grid-demo-bg1">
                <img src="images/user.png" alt="">
                <span>未登录</span>
            </div>
        </div>
        <div class="layui-col-md1">
            <div class="grid-demo grid-demo-bg1">
                <a href="blogList.html">
                    <img src="images/collect.png" alt="">
                    <span>博客列表</span>
                </a>
            </div>
        </div>

        <div class="layui-col-md1">
            <div class="grid-demo grid-demo-bg1">
                <a href="blogPublish.html">
                    <img src="images/write.png" alt="">
                    <span>发布博客</span>
                </a>
            </div>
        </div>

        <div class="layui-col-md1">
            <div class="grid-demo grid-demo-bg1">
                <a href="login.html">
                    <img src="images/login.png" alt="">
                    <span>登录</span>
                </a>
            </div>
        </div>
        <div class="layui-col-md1">
            <div class="grid-demo grid-demo-bg1">
                <a href="register.html">
                    <img src="images/register.png" alt="">
                    <span>注册</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <img src="images/error.png" alt="">
</div>

</body>
</html>